<script lang="ts" setup>
import { provide } from 'vue'
const buttonValue = defineModel<string | boolean>({ required: true })
provide('buttonValue', buttonValue)
</script>

<template>
  <div class="custom-active-button-group">
    <slot />
  </div>
</template>

<style scoped lang="scss">
.custom-active-button-group {
  display: flex;
  align-items: center;
}
</style>
